<template>
  <div class="overall">
    <el-row class="row_1">
      <News />
    </el-row>
    <el-row class="row_3">
      <el-col :span="12" class="col_1">
        <Video />
      </el-col>
      <el-col :span="12" class="col_1">
        <PartyPoineer />
      </el-col>
    </el-row>
    <el-row class="row_4">
      <el-col :span="8" class="col_1">
        <NoticeSummary />
      </el-col>
      <el-col :span="8" class="col_1">
        <Document />
      </el-col>
      <el-col :span="8" class="col_1">
        <Statistics />
      </el-col>
    </el-row>
  </div>
</template>
<script type="text/ecmascript-6">
export default {
  name: 'Home',
  components: {
    News: () => import('./News/News'),
    Video: () => import('./video'),
    NoticeSummary: () =>
      import('../DocumentAndNotice/notice/HomePageComponents/NoticeSummary'),
    Document: () => import('../DocumentAndNotice/document/HomePageComponents/DocumentSummary'),
    Statistics: () => import('./UserStatistics'),
    PartyPoineer: () => import('./party-poineer')
  },
  data: () => ({
    conferTypesDict: {},
    inited: false
  }),
  mounted() {
    this.$store.dispatch('party/initDictionary')
    this.$store.dispatch('notice/initDictionary')
  }
}
</script>
<style lang="scss" scoped>
@import './style';
</style>
